@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 2150375 */
  src: url('../fonts/font_2150375_iltwgmgy3v.woff2') format('woff2'),
       url('../fonts/font_2150375_iltwgmgy3v.woff') format('woff'),
       url('../fonts/font_2150375_iltwgmgy3v.ttf') format('truetype');
}
@font-face {
  font-family: "BDZYJT";
  src: url("../fonts/bdzyjt.woff") format("woff"),
       url("../fonts/bdzyjt.ttf") format("truetype"),
       url("../fonts/bdzyjt.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
body{ font-family: "Microsoft YaHei","微软雅黑"; background-color:#fff;  overflow-x:hidden;}
a{ color:#6e6f71; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#4db4cb;}
img,li{ vertical-align:top; border:0px}
img{ max-width:100%;}
.clear{clear: both;}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{ margin: 0px auto; clear: both;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0; font-weight: normal;}
body,td,th{ font-family: "Microsoft YaHei","微软雅黑";font-size:12px;}
input{font-family: "Microsoft YaHei","微软雅黑"; border:0; outline:medium;}
.container{ margin-left: 15px; margin-right: 15px;}
@media (min-width:1030px){
.container{ width: 1000px; margin: 0px auto;}
}
@media (min-width:1420px){
.container{ width: 1390px; margin: 0px auto;}
}



/*region 头部*/

.header{ position: fixed; left: 0px; top: 0px; right: 0px; z-index: 15;}
.header .top{ overflow: hidden; height: 21px; padding: 20px 65px; text-align: right; color: #fff; font-size: 16px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header .top>i{ background: #4db4cb; font-size: 12px; color: #fff; padding: 5px; margin: auto 10px;}

@media (min-width:1000px) {
     .header.fis_show .top{ height: 0px; padding: 0 65px;}
}
@media (min-width:1000px) and  (max-width:1430px){
    .header .top{ padding: 10px 30px;}
    .header.fis_show .top{padding: 0 30px;}
}
@media (min-width:1px) and  (max-width:999px){
	.header{ background: #fff;}
	.header.fis_show{ box-shadow: 0 0 10px #d5d5d5;}
    .header .top{ display: none;}
}
/*endregion*/

/*region 导航*/
.jdmenu{ background: rgba(255,255,255,0.76); height: 100px; padding: 0 65px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.jdmenu .logo{ display: inline-block; top: -25px; position: relative;}
.jdmenu .logo>a>img{ height: 111px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.jdmenu .txt{ margin-left: 10px; padding: 11px 0; float: left; display: none;}
.jdmenu #jdmenu{ display: inline-block; float: right;}
.jdmenu #jdmenu>ul>li{ padding: 39px 20px; display: inline-block; font-size: 16px; position: relative;}
.jdmenu #jdmenu>ul>li:before{ content: ""; position: absolute; left: 0px; width: 0; bottom: 15px; border: 2px solid transparent; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.jdmenu #jdmenu>ul>li>a{ display: block; color: #333;}
.jdmenu #jdmenu>ul>li:last-child:before{ display: none;}

@media (min-width:1000px){
	.jdmenu #jdmenu>ul>li:hover:before,.jdmenu #jdmenu>ul>li.active:before{ width: 100%; border-color: #7fd3e5;}
    .jdmenu #jdmenu>ul>li:last-child>a>i{ padding-right: 10px;}
    
    .header.fis_show .jdmenu{ height: 70px;}
    .header.fis_show .jdmenu #jdmenu>ul>li{ padding: 24px 20px;}
    .header.fis_show .jdmenu .logo{ top: 10px;}
    .header.fis_show .jdmenu .logo>a>img{ height: 50px;}
}
@media (min-width:1000px) and  (max-width:1430px){
    .jdmenu{ padding: 0 30px;}
    .jdmenu #jdmenu>ul>li{ padding: 39px 10px;}
    
    .header.fis_show .jdmenu #jdmenu>ul>li{ padding: 24px 10px;}
}
@media (min-width:1px) and  (max-width:999px){
    .jdmenu{ height: auto; padding: 0 15px;}
    .jdmenu .logo{ top: inherit; padding: 5px 0; float: left;}
    .jdmenu .logo>a>img{ height: 50px;}
    .jdmenu .txt{ display: inline-block; margin-left: 20px;}
	.jdmenu .txt p{ font-size: 12px;}
	.jdmenu .txt p:nth-child(1){ font-weight: bold; margin-bottom: 5px;}
	.jdmenu .txt p:nth-child(2){ text-align: right;}
    .jdmenu .txt p>i{ background: #4db4cb; font-size: 12px; color: #fff; padding: 2px; margin: auto 10px;}
    .jdmenu #jdmenu{ position: fixed; left: -220px; top: 0; bottom: 0px; z-index: 9999; width: 220px; background: #4db4cb; overflow-y:auto;transition:all .5s ease;} 
    .jdmenu #jdmenu>ul>li{ display: block; padding: 10px 20px;}
    .jdmenu #jdmenu>ul>li>a{ color: #fff;}
    
}

/*二级导航*/
.jdmenu #jdmenu>ul>li>.dropdown{ width: auto; background: #7fd3e5; position: absolute; left: 0px; top: 100%; z-index: 99; padding: 15px 0; display: none;}
.jdmenu #jdmenu>ul>li>.dropdown>li{ overflow: hidden; margin-bottom:5px; padding: 5px 15px; position: relative;}
.jdmenu #jdmenu>ul>li>.dropdown>li>a{font-size:14px;color:#fff; padding-left:15px; display: block;}
.jdmenu #jdmenu>ul>li>.dropdown>li:after{content:"";position:absolute;left:15px;top:11px;z-index:10;width:0;height:0;border-width:5px 5px;border-style:solid;border-color:transparent transparent transparent #7fd3e5; opacity:0;}

@media (min-width:1000px) {
.jdmenu #jdmenu>ul>li>.dropdown>li{ white-space: nowrap; text-overflow: ellipsis;}
.jdmenu #jdmenu>ul>li>.dropdown>li:hover{ background: #fff;}
.jdmenu #jdmenu>ul>li>.dropdown>li:hover>a{color:#7fd3e5;}
.jdmenu #jdmenu>ul>li>.dropdown>li:hover:after{opacity:1;}
}
@media (min-width:1px) and (max-width:999px){
.jdmenu #jdmenu>ul>li>.dropdown{ min-width: inherit; left: inherit; top: inherit; position: inherit; display: block; margin-top: 10px; background: none; padding: 0;}
.jdmenu #jdmenu>ul>li>.dropdown>li:after{ opacity: 1;}
}
/*endregion*/

/*region 手机导航*/
.menu_btn{ width: 28px; height: 30px; cursor: pointer; position: relative; display: none; z-index: 99; float: right; margin-top: 13px;}
.menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.menu_btn[type=close]>.menu_btn_top{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.menu_btn[type=close]>.menu_btn_med{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.menu_btn[type=close]>.menu_btn_bot{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
@media (min-width:1px) and  (max-width:999px){
.menu_btn{ display: block;}
}
/*endregion*/


/*region*/
.bframe{ overflow: hidden; position: relative;}
.bframe img{ width: 100%}
/*flexslider*/
.bframe .flexslider{ width: 100%; position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.bframe .slides{  position:relative;z-index:1; width:100%;}
.bframe .slides li{height:auto; width:100%;background-position:center top; background-repeat:repeat-x; position: relative;}
.bframe .slides li img{ width:100%;}
.bframe .slides li>.cont{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.bframe .slides li>.cont>h2{ font-size: 46px; font-family: "BDZYJT"; margin-bottom: 60px;}
.bframe .slides li>.cont>p{ font-size: 16px; line-height: 32px;}
.bframe .slides li>.cont>a{ display: inline-block; padding: 7px 40px; border-radius: 5px;  color: #fff; font-size: 18px; margin-top: 60px; position: relative;}
.bframe .slides li>.cont>a:before{ content: ""; background: #4db4cb; border-radius: 5px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.bframe .slides li>.cont>a:after{ content: ""; background: #FFF8E6; border-radius: 5px; position: absolute; left: 0; top: 0; width: 0%; height: 100%; z-index: -1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.bframe .slides li>.cont>a:hover:after{ width: 100%}
.bframe .slides li>.cont>a:hover{ color: #4db4cb;}

@media (min-width:1000px) and  (max-width:1430px){
    .bframe .slides li>.cont>h2{ font-size: 26px; font-family: "BDZYJT"; margin-bottom: 15px;}
    .bframe .slides li>.cont>p{ font-size: 14px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .bframe .slides li>.cont>a{ margin-top: 15px; font-size: 14px;}
}
@media (min-width:1px) and  (max-width:999px){
.bframe .slides li>.cont{ display: none;}
.bframe{ margin-top: 60px;}
}

.bframe .flex-control-nav{position:absolute; left: 0px; bottom: 30px; right: 0px; z-index: 2; text-align: center;}
.bframe .flex-control-nav li{ display: inline-block; overflow: hidden; line-height: 999;}
.bframe .flex-control-nav a{ display: block; width: 30px; height: 2px; text-align: center; margin-bottom: 5px; background: #fff; margin: auto 5px; opacity: 0.7;}
.bframe .flex-control-nav .flex-active{ opacity: 1;} 
.bframe .flex-direction-nav{position:absolute;z-index:88;width:100%;top:45%;}
.bframe .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.bframe .flex-direction-nav li a.flex-prev{left:40px;}
.bframe .flex-direction-nav li a.flex-next{right:40px;}


.bframe>.cont{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.bframe>.cont>h2{ font-size: 46px; font-family: "BDZYJT"; margin-bottom: 60px;}
.bframe>.cont>p{ font-size: 16px; line-height: 32px;}

@media (min-width:1000px) and  (max-width:1430px){
    .bframe>.cont>h2{ font-size: 26px; font-family: "BDZYJT"; margin-bottom: 15px; padding-top: 80px;}
    .bframe>.cont>p{ font-size: 14px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .bframe>.cont>a{ margin-top: 15px; font-size: 14px;}
}
@media (min-width:1px) and  (max-width:999px){
.bframe>.cont{ display: none;}
.bframe .flex-control-nav{ bottom: 0;}
}

/*endregion*/


/*region*/
.dframe{ padding: 60px 0; overflow: hidden;}
.dframe>div{ display: flex; }
.dframe>div>.left{ width: 330px; float: left; position: relative; margin-right: 30px;}
.dframe>div>.left>h2{ font-size: 36px; font-weight: bold; color: #333; padding-top: 40px;}
.dframe>div>.left>h3{ font-size: 22px; text-transform: uppercase; color: #333;}
.dframe>div>.left>P{ font-size: 16px; line-height: 32px; margin-top: 40px;}

.dframe>div>.left>.swiperbutton{ position: absolute; left: 0px; bottom: 0px; top: inherit; right: inherit; width: 100px; height: 60px; line-height: 60px; background: none; text-align: center; z-index: 99;}
.dframe>div>.left>.swiperbutton>i{ color: #fff;}
.dframe>div>.left>.swiperbutton.swiper-button-next{ background: #d6d6d6;}
.dframe>div>.left>.swiperbutton.swiper-button-prev{ background: #4db4cb; }

.dframe>div>.right{ width: calc(100% - 360px); float: right;}
.dframe>div>.right>.swiperabout{ overflow: hidden; position: relative; z-index: 1;}
.dframe>div>.right>.swiperabout .ipto{ overflow: hidden;}
.dframe>div>.right>.swiperabout .ipto .ipti{ overflow: hidden;}
.dframe>div>.right>.swiperabout .ipto .ipti>img{ width: 100%; height: auto;}
.dframe>div>.right>.swiperabout .ipto .iptz{ overflow: hidden; margin-top: 30px;}
.dframe>div>.right>.swiperabout .ipto .iptz>h3{ font-size: 16px; line-height: 32px; font-weight: bold; color: #333; margin-bottom: 30px;}
.dframe>div>.right>.swiperabout .ipto .iptz>p{ font-size: 14px; line-height: 27px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
@media (min-width:1px) and  (max-width:999px){
.dframe{ padding: 30px 0; display: none;}
}
@media (min-width:768px) and  (max-width:999px){
.dframe>div>.left>h2{ padding-top: 60px;}
.dframe>div>.left>P{ margin-top: 35px}
}
@media (min-width:1px) and  (max-width:767px){

.dframe>div>.left{ width: 50%; float: left;}
.dframe>div>.left>h2{ padding-top: 15px; font-size: 24px;}
.dframe>div>.left>h3{ font-size: 18px;}
.dframe>div>.left>P{ margin-top: 15px; font-size: 14px;}

.dframe>div>.right{ width: calc(50% - 30px); float: right;}
.dframe>div>.right>.swiperabout .ipto .iptz{ margin-top: 15px;}
.dframe>div>.right>.swiperabout .ipto .iptz>h3{ margin-bottom: 15px;}
}
/*endregion*/

/*region*/
.dframe1>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.dframe1>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.dframe1>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.dframe1>div>ul{ overflow: hidden; text-align:  center; margin-top: 30px;}
.dframe1>div>ul>li{ display: inline-block; padding: 7px 40px; border: 1px solid #dadada; border-radius: 5px; font-size: 16px; color: #333; cursor: pointer; margin: 0 5px 15px 5px;}
.dframe1>div>ul>li.active{ background: #4db4cb; border-color: #4db4cb; color: #fff;}


.dframe1>div>.cont{ overflow: hidden; margin-top: 15px; text-align: center;}
.dframe1>div>.cont>.ipto{ width: calc(25% - 15px); float: left; height: auto; margin-right: 20px;}
.dframe1>div>.cont>.ipto .ipti{ overflow: hidden;}
.dframe1>div>.cont>.ipto .ipti img{ width: 100%; height: auto; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.dframe1>div>.cont>.ipto .iptz{ overflow: hidden; margin: 20px auto; text-align: center; font-size: 16px; color: #333;}

.dframe1>div>.cont>a.link{ display: inline-block; padding: 7px 50px; border-radius: 5px; color: #fff; font-size: 18px; margin-top: 40px; position: relative; z-index: 1;}
.dframe1>div>.cont>a.link:before{ content: ""; background: #4db4cb; border-radius: 5px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.dframe1>div>.cont>a.link:after{ content: ""; background: #FFF8E6; border-radius: 5px; position: absolute; left: 0; top: 0; width: 0%; height: 100%; z-index: -1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.dframe1>div>.cont>a.link:hover:after{ width: 100%}
.dframe1>div>.cont>a.link:hover{ color: #4db4cb;}

@media (min-width:1000px) {
.dframe1>div>.cont>.ipto:nth-child(4n){ margin-right: 0px;}
.dframe1>div>.cont>.ipto:nth-child(4n+1){ clear:both; }

.dframe1>div>.cont>.ipto:hover .ipti img{ -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
}
@media (min-width:1px) and  (max-width:999px){
.dframe1{ padding: 30px 0; }
.dframe1>div>h2{ font-size: 26px;}
.dframe1>div>p{ font-size: 14px; padding: 15px 0;}

.dframe1>div>ul>li{ width: calc(33.33% - 11px); float: left; padding: 7px 0; text-align: center; font-size: 14px;}
.dframe1>div>ul>li:nth-child(3n){ margin-right: 0px;}

.dframe1>div>.cont>.ipto{ width: calc(50% - 15px);}
.dframe1>div>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.dframe1>div>.cont>.ipto:nth-child(2n+1){ clear:both; }

.dframe1>div>.cont>a.link{ font-size: 14px; margin-top: 20px;}
}
/*endregion*/


/*region*/
.dframe2{overflow: hidden;}
.dframe2 img{ width: 100%}

@media (min-width:1px) and  (max-width:999px){
    .dframe2{ height: 140px; background: url("../images/1_04.jpg") no-repeat center center / auto 140px;}
    .dframe2 img{ display: none!important;}
}
/*endregion*/


/*region*/
.dframe3{ padding: 60px 0; overflow: hidden; background: url("../images/1_18.jpg") no-repeat center center / cover;}
.dframe3>div>h2{ font-size: 36px; font-weight: bold; color: #fff; text-align: center;}
.dframe3>div>p{ font-size: 16px; line-height: 32px; color: #fff; position: relative; padding: 30px 0; text-align: center;}
.dframe3>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #fff}

.dframe3 .list{ overflow: hidden; display: flex; margin-top: 30px;}
.dframe3 .list ul{ overflow: hidden; position: relative; padding: 50px; box-sizing: border-box;}
.dframe3 .list ul li{ font-size: 20px; cursor: pointer; color: #fff; margin-bottom: 20px; transition: all 0.35s; position: relative;}
.dframe3 .list ul li.active,.dframe3 .list ul li:hover{ font-size: 24px; font-weight: bold;}
.dframe3 .list ul li.active:before,.dframe3 .list ul li:hover:before{ opacity: 1;}
.dframe3 .list .txt{ flex: 1; margin-left: 100px; display: none; color: #fff;}
.dframe3 .list .txt h3{ font-size: 24px; font-weight: bold; margin-bottom: 50px;}
.dframe3 .list .txt p{ font-size: 16px; line-height: 2; margin-bottom: 50px;}
.dframe3 .list .txt .ipto{ display: inline-block; text-align: center; font-size: 16px; margin-right: 15px;}
.dframe3 .list .txt .ipto i{ display: block; font-size: 30px; margin-bottom: 10px;}

.dframe3>div>.cont{ overflow: hidden; margin-top: 60px;}
.dframe3>div>.cont>.item{ width: calc(16.66% - 5px); margin-right: 10px; overflow: hidden; text-align: center; padding: 25px 20px; cursor: pointer;  position: relative;}
.dframe3>div>.cont>.item>span{ display: inline-block; border: 1px solid #fff;  border-radius: 5px;}
.dframe3>div>.cont>.item>span>i{ font-size: 36px; font-weight: normal; color: #fff;}
.dframe3>div>.cont>.item>h3{ font-size: 18.6px; line-height: 21px; margin: 20px auto; color: #fff;}
.dframe3>div>.cont>.item>p{ font-size: 14px;line-height: 21px; color: #fff;}


@media (min-width:1000px) {
.dframe3 .list ul{ width: 292px; display: inline-block;}
.dframe3 .list ul:before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #fff;}
.dframe3 .list ul li:before{ content: ""; position: absolute; right: -50px; top: 8px; width: 0px; height: 0; opacity: 0; transition: all 0.35s; border-top: 10px solid  transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff}

.dframe3>div>.cont{ display: flex; }
.dframe3>div>.cont>.item>span{ width: 100px; height: 100px; line-height: 100px;}
}
@media (min-width:1px) and  (max-width:999px){
.dframe3{ padding: 30px 0; }
.dframe3>div>h2{ font-size: 26px;}
.dframe3>div>p{ font-size: 14px;  padding: 15px 0; }
.dframe3 .list{ display: block;}
.dframe3 .list ul{ padding: 0;}
.dframe3 .list ul li{ display: inline-block; font-size: 12px; width: calc(33.33% - 7px); box-sizing: border-box; float: left; text-align: center; margin-bottom: 10px; padding: 7px 10px; border: 1px solid #fff; margin-right: 10px; border-radius: 5px;}
.dframe3 .list ul li:nth-child(3n){ margin-right: 0;}
.dframe3 .list ul li:nth-child(3n+1){ clear: both;}
.dframe3 .list ul li.active,.dframe3 .list ul li:hover{ font-size: 12px; font-weight: bold; background: #4db4cb; color: #fff;}
.dframe3 .list .txt{ margin: 0; overflow: hidden; margin-top: 20px;}
.dframe3 .list .txt h3{ font-size: 13px; margin-bottom: 15px;}
.dframe3 .list .txt p{ font-size: 12px; margin-bottom: 15px;}
.dframe3 .list .txt .ipto{ font-size: 12px; margin-right: 10px; margin-bottom: 10px;}
.dframe3 .list .txt .ipto i{ font-size: 16px;}

.dframe3>div>.cont{ margin-top: 20px; display: none}
.dframe3>div>.cont>.item{ width: calc(50% - 45px); float: left; margin-bottom: 20px;}
.dframe3>div>.cont>.item>span{ width: 60px; height: 60px; line-height: 60px;}
.dframe3>div>.cont>.item>span>i{ font-size: 18px;}
.dframe3>div>.cont>.item>p{ height: 42px; overflow: hidden;}
.dframe3>div>.cont>.item:nth-child(2n){ margin-right: 0px;}
}
/*endregion*/

/*region*/
.dframe4{ padding:60px 0; overflow: hidden; }
.dframe4>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.dframe4>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.dframe4>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.dframe4>div>.cont{ overflow: hidden; margin-top: 30px; }
.dframe4>div>.cont>.item{ overflow: hidden; position: relative; margin-right: 15px;}
.dframe4>div>.cont>.item img{ width: 100%; height: auto;}
.dframe4>div>.cont>.item .txt{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 15px; background: rgba(0,0,0,0.6); color: #fff;}
.dframe4>div>.cont>.item .txt>span{ position: absolute; width: 66px; height: 66px; line-height: 66px; text-align: center; left: 15px; top: -33px; z-index: 2; background: #4db4cb; font-size: 30px; font-weight: bold; border-radius: 50%;}
.dframe4>div>.cont>.item .txt>h3{ font-size: 18px;font-weight: bold; line-height: 32px; margin-top: 40px; margin-bottom: 30px;}
.dframe4>div>.cont>.item .txt>p{ font-size: 14px; line-height: 27px; margin-bottom: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

@media (min-width:1000px) {
.dframe4>div>.cont{ display: flex;}
}
@media (min-width:1px) and  (max-width:999px){
.dframe4{ padding:30px 0; display: none;}
.dframe4>div>h2{ font-size:26px; }
.dframe4>div>p{ font-size: 14px; padding: 15px 0; }

.dframe4>div>.cont>.item{ margin-right: 0px; margin-bottom: 20px;}
}
/*endregion*/


/*region*/
.dframe5{ padding:0 0 20px 0; overflow: hidden; }
.dframe5>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.dframe5>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.dframe5>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.dframe5>.cont{ overflow: hidden; margin-top: 30px; background: url("../images/1_09.jpg") no-repeat center center / cover; padding: 60px 0;}
.dframe5>.cont .item{ width: calc(25% - 15px); float: left; margin-right: 20px; overflow: hidden; margin-bottom: 40px;}
.dframe5>.cont .item img{ width: calc(100% - 6px); height: auto; border: 3px solid #fff;}
.dframe5>.cont .item h3{ background: #4db4cb; text-align: center; font-size: 16px; line-height: 32px; color: #fff; margin-top: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

@media (min-width:1000px) {
.dframe5>.cont .item:nth-child(4n){ margin-right: 0px;}
}
@media (min-width:1px) and  (max-width:999px){
.dframe5{ padding: 20px 0;}
.dframe5>div>h2{ font-size: 26px;}
.dframe5>div>p{ font-size: 14px; padding: 15px 0;}

.dframe5>.cont .item{ width: calc(50% - 15px);}
.dframe5>.cont .item:nth-child(2n){ margin-right: 0px;}
}
/*endregion*/


/*region*/
.dframe6{ padding:60px 0; overflow: hidden; background: #f7f7f7;}
.dframe6>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.dframe6>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.dframe6>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.dframe6>div>.cont{ margin-top: 30px; display: flex;}
@media (min-width:1000px) and  (max-width:1430px){
.dframe6>div>.cont{ overflow: hidden; display: block;}
.dframe6>div>.cont>img{ width: calc(16.666% - 13px); float: left; height: auto; margin-right: 15px;}
.dframe6>div>.cont>img:last-child{ margin-right: 0px;}
}
@media (min-width:1px) and  (max-width:999px){
.dframe6{ padding:30px 0;}
.dframe6>div>h2{ font-size: 26px; }
.dframe6>div>p{ font-size: 14px; padding: 15px 0;}

.dframe6>div>.cont{ overflow: hidden; display: block;}
.dframe6>div>.cont>img{ width: calc(50% - 7.5px); float: left; height: auto; margin-right: 15px; margin-bottom: 15px;}
.dframe6>div>.cont>img:nth-child(2n){ margin-right: 0px;}
}
/*endregion*/

/*region*/
.dframe7{ padding:60px 0; overflow: hidden;}
.dframe7>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.dframe7>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.dframe7>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.dframe7>div>ul{ overflow: hidden; text-align: center; margin-top: 30px;}
.dframe7>div>ul>li{ display: inline-block; font-size: 16px; padding: 10px 40px; border: 1px solid #dadada; border-radius: 5px; margin: auto 11px; cursor: pointer;}
.dframe7>div>ul>li.active{ background: #4db4cb; color: #fff;}

.dframe7>div>.cont{ overflow: hidden; margin-top: 30px; display: flex;}
.dframe7>div>.cont>.left{ float: left; width: 50%; margin-right: 30px; display: flex;}
.dframe7>div>.cont>.left>img{ width: 100%}

.dframe7>div>.cont>.right{ float: right; width: 50%}
.dframe7>div>.cont>.right>ul>li{ overflow: hidden; display: flex; font-size: 16px; border-bottom: 1px solid #dcdcdc; padding: 10px 0 10px 15px; position: relative;}
.dframe7>div>.cont>.right>ul>li:before{ content: ""; position:absolute; left:0px; top:calc(50% - 7px); bottom:0; z-index:10; width:0; height:0; border-width:7px 7px; border-style:solid; border-color:transparent transparent transparent #4db4cb; opacity: 0;}
.dframe7>div>.cont>.right>ul>li>a{ width: 100%; float: left; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; margin-right: 10px; color: #333;}
.dframe7>div>.cont>.right>ul>li>span{ float: right;}
.dframe7>div>.cont>.right>ul>li:hover:before{ opacity: 1;}
.dframe7>div>.cont>.right>ul>li:hover{ border-color: #4db4cb;}

.dframe7>div>.cont>.right>a.linkmore{ width: 66px; height: 66px; display: inline-block; line-height: 66px; text-align: center; background: #4db4cb; margin-top: 25px;}
.dframe7>div>.cont>.right>a.linkmore>i{ font-size: 20px; color: #fff; }

@media (min-width:1px) and  (max-width:999px){
.dframe7{ padding:30px 0; overflow: hidden;}
.dframe7>div>h2{ font-size: 26px; }
.dframe7>div>p{ font-size: 14px; padding: 15px 0;}

.dframe7>div>ul>li{ padding: 7px 30px; font-size: 14px;}
}
@media (min-width:1px) and  (max-width:767px){

.dframe7>div>.cont>.left{ display: none;}

.dframe7>div>.cont>.right{ width: 100%;}
}

.dframe8{ overflow: hidden; background: #f6f6f6; padding: 45px 0;}
.dframe8 .container{ display: flex;}
.dframe8 .item{ overflow: hidden;}
.dframe8 .item i{ display: inline-block; color: #4db4cb; font-size: 40px; vertical-align: top;}
.dframe8 .item p{ overflow: hidden; font-size: 18px; color: #727272; vertical-align: top}
.dframe8 .item p span{ font-size: 30px; color: #010101; display: block;}
.dframe8 .item p span em{ font-size: 20px; font-style: normal;}
@media (min-width:1000px) {
.dframe8 .item{ display: flex;}
.dframe8 .item i{ padding-top: 15px;}
.dframe8 .item p{ flex: 1; margin-left: 15px;}
}
@media (min-width:1px) and  (max-width:999px){
.dframe8{ padding: 20px 0; background: #fff; display: none;}
.dframe8 .item{ text-align: center;} 
.dframe8 .item i{ font-size: 30px;}
.dframe8 .item p{ font-size: 12px; margin-top: 10px;}
.dframe8 .item p span{ font-size: 14px;}
.dframe8 .item p span em{ font-size: 12px;}
}

.dframe9{ overflow: hidden; display: none; padding: 20px 0 10px 0;}
.dframe9 ul{ display: flex; flex-wrap: wrap;}
.dframe9 li{ width: calc(25% - 8px); margin: 0; margin-right: 10px; margin-bottom: 10px; text-align: center; font-size: 12px;}
.dframe9 li span{ background: #4db4cb; color: #fff; border-radius: 50%; overflow: hidden; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 5px; box-shadow: 0 0 10px #d5d5d5;}
.dframe9 li span i{ font-size: 20px;}
.dframe9 li:nth-child(4n){ margin-right: 0;}
.dframe9 li:nth-child(4n+1){ clear: both;}
@media (min-width:1px) and  (max-width:999px){
.dframe9{ display: block;}
}
/*endregion*/

.list-link{ overflow: hidden; padding: 15px 0;}
.list-link li{ display: inline-block; font-size: 14px; margin-right: 10px;}
@media (min-width:1px) and  (max-width:999px){
.list-link{  padding: 3vw 0;}
.list-link li{ font-size: 12px; margin-right: 1vw;}
}


/*region*/
.footer{ overflow: hidden; padding: 60px 0; background:#f7f7f7;}
.footer .foot{ overflow: hidden;}
.footer .foot>h2{ font-size: 20px; font-weight: bold; color: #333; margin-bottom: 30px;}
.footer .foot>ul>li{ font-size: 14px; line-height: 30px; position: relative; padding-left: 10px;}
.footer .foot>ul>li>a{ display: block;}
.footer .foot>ul>li:before{ content: "-"; position: absolute; left: 0px; top: 0px;}


@media (min-width:1000px) {
.f1{ width: 110px; float: left; height: auto;}
.f2{ width: 285px; float: left; height: auto; margin-left: 10px;}
.f2>ul{ width: calc(50% - 10px); float: left; height: auto;}
.f2>ul:nth-child(3){ float: right;}
.f3{ width: 110px; float: left; height: auto; margin-left: 10px;}
.f4{ width: 430px; float: right; height: auto;}
.f4>img{ width: 151px; float: left; height: auto;}
.f4>p{ width: calc(100% - 171px); float: right; font-size: 14px; line-height: 26px;}
.f4>p>a{ font-weight: bold; color: #4db4cb;}
}
@media (min-width:1430px) {
.f1{ width: 110px; float: left; height: auto;}
.f2{ width: 285px; float: left; height: auto; margin-left: 150px;}
.f2>ul{ width: calc(50% - 10px); float: left; height: auto;}
.f2>ul:nth-child(3){ float: right;}
.f3{ width: 110px; float: left; height: auto;}
.f4{ width: 430px; float: right; height: auto;}
.f4>img{ width: 151px; float: left; height: auto;}
.f4>p{ width: calc(100% - 171px); float: right; font-size: 14px; line-height: 26px;}
.f4>p>a{ font-weight: bold; color: #4db4cb;}
}
@media (min-width:1px) and  (max-width:999px){
.footer{ display: none;}
}

.copy{ overflow: hidden; background: #4db4cb; padding: 10px 0; text-align: center; font-size: 14px; color: #fff;}
/*endregion*/



/*region手机底部导航*/
.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #fff; display: none;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%}
@media (min-width:1px) and (max-width:991px){
    .mobMenu{ display: block;}
}
/*endregion*/


/*内页*/
.body{}
.left_nav{ width:300px; float: left; height: auto; padding: 20px 0;}
.right_nav{ width: calc(100% - 330px); float: right; padding: 20px 0;}
@media (min-width:1px) and  (max-width:999px){
.body{ padding-bottom: 30px;}
}
@media (min-width:1px) and  (max-width:999px){
.left_nav{ width: 100%; padding: 0px; padding-top: 20px;}
.right_nav{ width: 100%;}
}

.location{   line-height: 34px; color: #6e6f71; font-size: 14px; padding: 7px 0; border-bottom: 1px solid #ececec; letter-spacing: 1px;}
.location .here{ padding: 0 5px; display: inline-block;}
.location i.home{ margin-right: 5px;}

@media (min-width:1px) and  (max-width:999px){
.location>span{ display: none;}
}

/*左侧*/
.left_nav>.lbt{ overflow: hidden;}
.left_nav>.lbt>h3{ font-size: 22px; color: #fff; font-weight: bold; background: #4db4cb; padding: 20px 20px 20px 30px; position: relative}
.left_nav>.lbt>h3:before{ content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; border: 1px solid #fff;}
.left_nav>.lbt>h3>i{ float: right; font-size: 24px;}
.left_nav>.lbt>ul>li{ overflow: hidden; border-bottom: 1px solid #f3f3f3; margin: 2px auto; position: relative;}
.left_nav>.lbt>ul>li>span{ position: absolute; right: 0px; top: 0px; height: 42px; cursor: pointer;  display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; transform: rotate(90deg)}

.left_nav>.lbt>ul>li>a{ display: block; color: #4c4948; font-size: 16px; padding: 15px 30px;}
.left_nav>.lbt>ul>li:hover,.left_nav>.lbt>ul>li.active{ background: #4db4cb;}
.left_nav>.lbt>ul>li:hover>span,.left_nav>.lbt>ul>li.active>span{ color: #fff;}
.left_nav>.lbt>ul>li:hover>a,.left_nav>.lbt>ul>li.active>a{ color: #fff;}

.left_nav>.lbt>ul>li.active>ul,.left_nav>.lbt>ul>li.active>ul{ display: block;}
.left_nav>.lbt>ul>li.active>span{  transform: rotate(-90deg);}

.left_nav>.lbt>ul>li>ul{ overflow: hidden; display: none;}
.left_nav>.lbt>ul>li>ul>li{ overflow: hidden; background: #f8f8f8; position: relative}
.left_nav>.lbt>ul>li>ul>li:before{ content: "-"; position: absolute; left: 30px; top: 11px; color: #333;}
.left_nav>.lbt>ul>li>ul>li>a{ padding: 10px 30px 10px 40px; display: block; font-size: 16px; color: #333;}
.left_nav>.lbt>ul>li>ul>li:hover,.left_nav>.lbt>ul>li>ul>li.active{ background: #a2d6e1;}
.left_nav>.lbt>ul>li>ul>li:hover:before,.left_nav>.lbt>ul>li>ul>li.active:before{ color: #fff;}

.left_nav>.itme{ overflow: hidden; margin-top: 30px; background: #f9f9f9; border-bottom: 8px solid #4db4cb;}
.left_nav>.itme>h3{ font-size: 22px; font-weight: bold; padding: 30px 20px;}
.left_nav>.itme>p{ padding: 0 20px 30px 20px; font-size: 14px; line-height: 26px;}

@media (min-width:1px) and  (max-width:767px){
.left_nav>.lbt{ width: 100%;}

.left_nav>.lbt>ul{ display: none;}
.left_nav>.itme{ display: none;}

.right_nav{ width: 100%;}
}



/*关于我们*/
.aboutusall{ overflow: hidden; padding: 60px 0; text-align: center;}
.aboutusall>div>h2{ font-size: 60px; text-align: center; color: #4db4cb; line-height: 95px; font-weight: bold; background: url("../images/2_01.jpg") no-repeat center center;}
.aboutusall>div>p{ text-align: center; font-size: 16px; color: #797979; margin-top: 30px;}
.aboutusall>div>p>img{ margin-top: 20px;}

@media (min-width:1px) and  (max-width:999px){
.aboutusall{ padding: 30px 0;}
.aboutusall>div>h2{ font-size: 30px; line-height: 60px;}
.aboutusall>div>p{ margin-top: 15px;}
}

.aboutusall>div>.txt{ font-size: 16px; line-height: 31px; color: #333; text-align: center; margin-top: 30px;}

.aboutusall>div>a.more{ display: inline-block; padding: 7px 40px; border-radius: 5px;  color: #fff; font-size: 18px; margin-top: 30px; position: relative;}
.aboutusall>div>a.more:before{ content: ""; background: #4db4cb; border-radius: 5px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.aboutusall>div>a.more:after{ content: ""; background: #FFF8E6; border-radius: 5px; position: absolute; left: 0; top: 0; width: 0%; height: 100%; z-index: -1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.aboutusall>div>a.more:hover:after{ width: 100%}
.aboutusall>div>a.more:hover{ color: #4db4cb;}

.aboutusall>div>.cont{ overflow: hidden; margin-top: 30px; display: flex;}
.aboutusall>div>.cont>.item{ overflow: hidden; font-size: 18px; font-weight: bold; line-height: 32px; color: #333;}
.aboutusall>div>.cont>.item img{ display: block; padding-bottom: 20px;}

@media (min-width:1px) and  (max-width:999px){
.aboutusall>div>.cont{ display: none;}
}

.aboutvideo{ overflow: hidden; background: #f7f7f7; padding: 60px 0;}
.aboutvideo>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.aboutvideo>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.aboutvideo>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.aboutvideo>div>.cont{ overflow: hidden; margin-top: 40px; text-align: center;}
.aboutvideo>div>.cont>.ipto{ width: calc(25% - 15px); float: left; height: auto; margin-right: 20px;}
.aboutvideo>div>.cont>.ipto .ipti{ overflow: hidden;}
.aboutvideo>div>.cont>.ipto .ipti img{ width: 100%; height: auto; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.aboutvideo>div>.cont>.ipto .iptz{ overflow: hidden; margin: 20px auto; text-align: center; font-size: 16px; color: #333;}

.aboutvideo>div>.cont>a.link{ display: inline-block; padding: 7px 50px; border-radius: 5px; color: #fff; font-size: 18px; margin-top: 40px; position: relative; z-index: 1;}
.aboutvideo>div>.cont>a.link:before{ content: ""; background: #4db4cb; border-radius: 5px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.aboutvideo>div>.cont>a.link:after{ content: ""; background: #FFF8E6; border-radius: 5px; position: absolute; left: 0; top: 0; width: 0%; height: 100%; z-index: -1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.aboutvideo>div>.cont>a.link:hover:after{ width: 100%}
.aboutvideo>div>.cont>a.link:hover{ color: #4db4cb;}

@media (min-width:1000px) {
.aboutvideo>div>.cont>.ipto:nth-child(4n){ margin-right: 0px;}
.aboutvideo>div>.cont>.ipto:nth-child(4n+1){ clear:both; }

.aboutvideo>div>.cont>.ipto:hover .ipti img{ -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
}
@media (min-width:1px) and  (max-width:999px){
.aboutvideo{  padding: 30px 0;}
.aboutvideo>div>h2{ font-size: 26px;}
.aboutvideo>div>p{ font-size: 14px; padding: 15px 0; }

.aboutvideo>div>.cont>.ipto{ width: calc(50% - 10px);}

.aboutvideo>div>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.aboutvideo>div>.cont>.ipto:nth-child(2n+1){ clear:both; }
}

.course{ overflow: hidden; padding: 60px 0;}
.course>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.course>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.course>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.course .slideBox{ overflow: hidden; position:relative; padding-bottom: 100px; margin-top: 30px;}
.course .slideBox .hd{ position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center;}
.course .slideBox .hd ul{ display: inline-block;}
.course .slideBox .hd ul li{ display: inline-block; cursor: pointer; color: #92b207; margin: auto 5px;}
.course .slideBox .hd ul li>em{ width: 20px; height: 20px; border-radius: 50%; background: #a2d5e1; display: inline-block; margin-top: 3px;}
.course .slideBox .hd ul li>span{ font-size: 16px; display: none; color: #4db4cb;}
.course .slideBox .hd ul li.on{}
.course .slideBox .hd ul li.on>em{ display: none;}
.course .slideBox .hd ul li.on>span{ display: block;}
.course .slideBox .bd{ position:relative; width: 90%; float: left; margin-left: 5%;}
.course .slideBox .bd li{ width: 100%; float: left; height: auto; background: #4db4cb;}
.course .slideBox .bd li>.ipto{ width: 100%; float: left; height: auto;}
.course .slideBox .bd li>.ipto>.ipti{ width: 35%; float: left; height: auto;}
.course .slideBox .bd li>.ipto>.ipti>a>img{ width: 100%;}
.course .slideBox .bd li>.ipto>.iptz{ width:calc(65% - 30px) ; float: right; padding: 56px 0px 0px 0px; position: relative;}
.course .slideBox .bd li>.ipto>.iptz>a>b{ width: 80%; float: left; height: auto; font-size: 26px; color: #fff; font-weight: bold; margin-bottom: 15px;}
.course .slideBox .bd li>.ipto>.iptz>p{ width: 80%; float: left; height: 90px; font-size: 16px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #fff;}
.course .slideBox .bd li>.ipto>.iptz>em{ font-style: normal; float: right; font-size: 100px; color: #fff; padding-right: 30px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.course .slideBox .prev{ position: absolute; top: calc(45% - 43px); left: 0px;}
.course .slideBox .prev>.iconfont{ font-size: 40px;}
.course .slideBox .next{ position: absolute; top: calc(45% - 43px); right: 0px;}
.course .slideBox .next>.iconfont{ font-size: 40px;}

@media (min-width:1px) and  (max-width:999px){
.course{ padding: 30px 0;}
.course>div>h2{ font-size: 26px; }
.course>div>p{ font-size: 15px; padding: 15px 0;}

.course .slideBox .bd li>.ipto>.ipti{ width: 100%;}
.course .slideBox .bd li>.ipto>.iptz{ width: calc(100% - 40px); padding: 20px;}
}

.brand{ overflow: hidden; padding: 60px  0;  background: #f7f7f7; }
.brand>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.brand>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.brand>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}

.brand>div>.cont{ overflow: hidden; margin-top: 30px; display: flex;}
.brand>div>.cont>.item{ overflow: hidden; position: relative;}
.brand>div>.cont>.item img{ width: 100%; height: auto}
.brand>div>.cont>.item b{ position: absolute; left: 0px; bottom: 0px; right: 0px; text-align: center; background-image: linear-gradient(to bottom, transparent, #000); padding: 10px; font-size: 20px; line-height: 32px; color: #fff; font-weight: normal;}


.brand1{ overflow: hidden; padding: 0 0 60px 0; background: #f7f7f7;}
.brand1>div>h2{ font-size: 36px; font-weight: bold; color: #333; }
.brand1>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; }

.brand1>div>.cont{ overflow: hidden; margin-top: 30px; display: flex;}
.brand1>div>.cont>.item{ overflow: hidden; position: relative;}
.brand1>div>.cont>.item>img{ width: 100%; height: auto}
.brand1>div>.cont>.item>b{ position: absolute; left: 0px; bottom: 0px; right: 0px; text-align: center; background-image: linear-gradient(to bottom, transparent, #000); padding: 10px; font-size: 20px; line-height: 32px; color: #fff; font-weight: normal;}

@media (min-width:1px) and  (max-width:999px){
.brand{ padding: 30px  0; }
.brand>div>h2{ font-size: 26px;}
.brand>div>p{ font-size: 14px; padding: 15px 0;}

.brand>div>.cont{ display: block;}
.brand>div>.cont>.item{ width: calc(50% - 20px); float: left; height: auto; margin-right: 20px; margin-bottom: 20px;}

.brand>div>.cont>.item:nth-child(2n){ margin-right: 0;}

.brand1{ padding: 0; }
.brand1>div>h2{ font-size: 26px;}
.brand1>div>p{ font-size: 14px; padding: 15px 0;}

.brand1>div>.cont{ display: block;}
.brand1>div>.cont>.item { width: calc(50% - 20px); float: left; height: auto; margin-right: 20px; margin-bottom: 20px;}

.brand1>div>.cont>.item:nth-child(2n){ margin-right: 0;}

}
/*内容*/
.neirnr{ padding: 10px;}

/*产品其他*/
.output{ overflow: hidden; padding: 60px 0 15px 0; background: url("../images/2_18.jpg") no-repeat center center / cover;}
.output h2{ font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 45px; padding-bottom: 15px; position: relative;}
.output h2 span{ font-size: 16px; font-weight: normal; opacity: 0.5; display: inline-block; margin-left: 20px;}
.output h2:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 48px; height: 5px; background: #fff;}
.output .list{ overflow: hidden; margin-bottom: 45px;}
.output .list .item{ overflow: hidden; color: #fff; display: flex; box-sizing: border-box; padding: 40px 30px; background: rgba(77,180,203,0.5);}
.output .list .item i{ display: inline-block; font-size: 60px;}
.output .list .item .txt{ flex: 1; margin-left: 15px;}
.output .list .item .txt h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.output .list .item .txt p{ font-size: 14px; line-height: 1.4;}
.output .list .item:nth-child(2){ background: rgba(246,246,246,0.5);}

.output .list .ipto{ overflow:hidden; color: #fff; text-align: center;}
.output .list .ipto span{ background: url("../images/2_19.png") no-repeat center center / cover; display: inline-block; margin-bottom: 15px;}
.output .list .ipto span i{ font-size: 60px; color: #4db4cb;}
.output .list .ipto h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #4db4cb;}
.output .list .ipto p{ font-size: 14px; line-height: 1.4;}
@media (min-width:768px) {
.output .list{ display: flex;}
.output .list .item{ flex: 1;}
.output .list .ipto{ width: 240px; margin-left: 0}
.output .list .ipto:last-child{ margin-right: 0;}
.output .list .ipto span{ width: 170px; height: 170px; line-height: 170px;}
}
@media (min-width:1px) and  (max-width:767px){
.output{ padding: 20px 0 0 0;}
.output h2{ font-size: 18px; margin-bottom: 15px; padding-bottom: 10px}
.output h2 span{ font-size: 12px; margin-left: 10px;}
.output .list{ margin-bottom: 20px;}
.output .list .item{ padding: 15px 10px;}
.output .list .item i{ font-size: 30px;}
.output .list .item .txt h3{ font-size: 14px;}
.output .list .item .txt p{ font-size: 12px;}

.output .list .ipto{ width: calc(25% - 8px); float: left; margin-right: 10px; margin-bottom: 10px;}
.output .list .ipto span{ padding: 15px;}
.output .list .ipto span i{ font-size: 30px;}
.output .list .ipto h3{ font-size: 14px;}
.output .list .ipto p{ font-size: 10px;}
.output .list .ipto:last-child{ margin-right: 0;}
}

.output1{ overflow: hidden; padding: 60px 0;}
.output1>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.output1>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.output1>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}
.output1 .list{ overflow: hidden; margin-top: 45px;}
.output1 .list .ipto{ overflow:hidden; color: #333; text-align: center;}
.output1 .list .ipto span{ display: inline-block; margin-bottom: 15px;}
.output1 .list .ipto span i{ font-size: 60px; color: #4db4cb;}
.output1 .list .ipto h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.output1 .list .ipto p{ font-size: 18px; line-height: 1.4;}
@media (min-width:768px) {
.output1 .list{ display: flex;}
.output1 .list .ipto{ width: 240px; margin-left: 0}
.output1 .list .ipto:last-child{ margin-right: 0;}
}
@media (min-width:1px) and  (max-width:767px){
.output1{ padding: 20px 0;}
.output1>div>h2{ font-size: 26px;}
.output1>div>p{ font-size: 12px; line-height: 1.4; padding: 15px 0;}
.output1 .list{ margin-top: 20px;}
.output1 .list .ipto{ width: calc(50% - 5px); float: left; margin-right: 10px; margin-bottom: 10px;}
.output1 .list .ipto h3{ font-size: 14px; }
.output1 .list .ipto p{ font-size: 12px; }
.output1 .list .ipto:nth-child(2n){ margin-right: 0;}
}


/*产品列表*/
.summary{ overflow: hidden; position: relative; padding-bottom: 20px; border-bottom: 2px solid #e2e2e2;}
.summary>h2{ font-size: 22px; font-weight: bold; line-height: 30px; color: #333; margin-bottom: 20px}
.summary>.txt{ overflow: hidden; line-height: 30px;}
.summary>a.linkmore{ position: absolute; right: 0px; top: 0px; background: #4db4cb; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 10px 20px;  color: #fff; font-size: 16px;}
.summary>a.linkmore>i.iconfont{ font-size: 16px; padding-right: 5px;}

.prolisttotal{ overflow: hidden; margin-top: 30px;}
.prolisttotal>.title{ overflow: hidden; border-bottom: 2px solid #e2e2e2; vertical-align: middle;}
.prolisttotal>.title>h2>a{ display: inline-block; background: #4db4cb; color: #fff; padding: 15px 30px; float: left; font-size: 16px; position: relative;}
.prolisttotal>.title>h2>a:before{ content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; border: 1px solid #fff;}
.prolisttotal>.title>a.more{ float: right; display: inline-block; margin-top: 10px; font-size: 14px;}
.prolisttotal>.title>a.more>i.iconfont{ color: #4db4cb; margin-right: 5px;}
.prolisttotal>.cont{ overflow: hidden; margin-top: 20px; }
.prolisttotal>.cont>.ipto{ width: calc(25% - 15px); float: left; margin-right: 20px; overflow: hidden; margin-bottom: 20px;}
.prolisttotal>.cont>.ipto .ipti{ overflow: hidden; border: 1px solid #e9e9e9;}
.prolisttotal>.cont>.ipto .ipti>img{ width: 100%; height: auto; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.prolisttotal>.cont>.ipto .iptz{ overflow: hidden; text-align: center; font-size: 16px; line-height: 32px; margin-top: 5px;}

.prolist{ overflow: hidden;}
.prolist>.ipto{ width: calc(25% - 12px); float: left; margin-right: 15px; margin-top: 30px;}
.prolist>.ipto .ipti{ overflow: hidden; border: #e6e7e7 1px solid;}
.prolist>.ipto .ipti>img{ width: 100%; height: auto; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.prolist>.ipto .iptz{ overflow: hidden; padding-top: 10px; text-align: center;  color: #333; font-size: 16px;}

@media (min-width:768px) {
.prolisttotal>.cont>.ipto:hover .ipti>img{ -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.prolisttotal>.cont>.ipto:nth-child(4n){ margin-right: 0px;}
.prolisttotal>.cont>.ipto:nth-child(4n+1){ clear: both;}
.prolist>.ipto:hover .ipti>img{ -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.prolist>.ipto:nth-child(4n){ margin-right: 0px;}
.prolist>.ipto:nth-child(4n+1){ clear: both}
}

@media (min-width:1px) and  (max-width:767px){
.summary>h2{ padding-right: 100px; font-size: 18px;}

.prolisttotal>.title>h2{ padding: 7px 15px; font-size: 14px;}

.prolisttotal>.cont>.ipto{ width: calc(50% - 10px);}
.prolisttotal>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.prolisttotal>.cont>.ipto:nth-child(2n+1){ clear: both}

.prolist>.ipto{ width: calc(50% - 5px); margin-right: 10px;}
.prolist>.ipto:nth-child(2n){ margin-right: 0px;}
.prolist>.ipto:nth-child(2n+1){ clear: both}
}


/*产品详情*/
.prodetail{ overflow: hidden; margin-top: 20px;}
.prodetail>.lrt{ width: calc(50% - 20px); float: left; height: auto; border: 1px solid #d5d5d5; padding: 10px;}
.prodetail>.lrt>.tlb{ border: 1px solid #d5d5d5;}
.prodetail>.lrt>.tlb img{ width: 100%}
.prodetail>.lrt>.tlb .swiper-big{overflow: hidden; position: relative;}
.prodetail>.lrt>.tlb .swiper-big .swiper-pagination{ position: absolute;right: 15px;bottom: 0px;z-index: 11; width: auto; left: 15px; text-align:center}
.prodetail>.lrt>.tlb .swiper-big .swiper-pagination>span.swiper-pagination-bullet{ background: #d4d4d4; border-radius: 0; opacity: 1;}
.prodetail>.lrt>.tlb .swiper-big .swiper-pagination>span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #a33316;}

.prodetail>.lrt>.rtp_small_img{}
.prodetail>.lrt>.rtp_small_img>.swiper-big{overflow: hidden; position: relative; padding: 5px;}
.prodetail>.lrt>.rtp_small_img>.swiper-big .swiper-slide{ overflow: hidden; cursor: pointer;}
.prodetail>.lrt>.rtp_small_img>.swiper-big .swiper-slide img{ width: 100%; border: 1px solid #8b9ecf; box-sizing:border-box;}
.prodetail>.lrt>.rtp_small_img>.swiper-big .swiper-pagination{ position: absolute;right: 15px;bottom: 15px;z-index: 22; width: auto; left: inherit; }
.prodetail>.lrt>.rtp_small_img>.swiper-big .swiper-pagination>span.swiper-pagination-bullet{ background: #d4d4d4; border-radius: 0; opacity: 1;}
.prodetail>.lrt>.rtp_small_img>.swiper-big .swiper-pagination>span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #a33316;}


.prodetail>.rlt{ width: calc(50% - 30px); float: right; height: auto; line-height: 24px;}
.prodetail>.rlt>h1{ font-size: 14px; line-height: 30px;}
.prodetail>.rlt>p{ font-size: 14px; line-height: 30px; margin-bottom: 30px;}
.prodetail>.rlt>a.pdfdownload{ display: block; vertical-align: middle; margin-bottom: 20px;}
.prodetail>.rlt>a.pdfdownload>span{ display: inline-block;  color: #fff; padding: 7px 50px; position: relative; font-size: 10px; transition: 0.6s;}
.prodetail>.rlt>a.pdfdownload>span:before{ content: ""; position: absolute; left: 0px; width: 100%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #4db4cb;  z-index: -2;}
.prodetail>.rlt>a.pdfdownload>span:after{ content: ""; position: absolute; left: 0px; width: 0%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #feede0;  z-index: -1;}
.prodetail>.rlt>a.pdfdownload:hover>span:after{ width: 100%;}
.prodetail>.rlt>a.pdfdownload:hover>span{ color: #333;}
.prodetail>.rlt>a.pdfdownload>img{ margin-left: 15px; margin-top: 7px;}
.prodetail>.rlt>datalist{  display: block; line-height: 30px; font-size: 10px; margin-bottom: 20px;}
.prodetail>.rlt>a.link{ display: inline-block;  color: #fff; font-size: 16px; padding: 15px 70px; margin-bottom: 30px; position: relative; transition: 0.6s;}
.prodetail>.rlt>a.link:before{ content: ""; position: absolute; left: 0px; width: 100%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #4db4cb;  z-index: -2;}
.prodetail>.rlt>a.link:after{ content: ""; position: absolute; left: 0px; width: 0%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #feede0;  z-index: -1;}
.prodetail>.rlt>a.link:hover:after{ width: 100%;}
.prodetail>.rlt>a.link:hover{ color: #333;}

.prodetail>.xgeffect{ overflow: hidden; position:relative; margin-top: 30px;}
.prodetail>.xgeffect>.detailtop{ overflow: hidden;  display: block;  font-size: 16px; color: #333; text-align: left; position: relative; border-bottom: 1px solid #c7c7c7;}
.prodetail>.xgeffect>.detailtop>strong{ background: #4db4cb; cursor: pointer; margin-right: 5px; font-size: 16px; float: left; display: inline-block; color: #fff; padding: 13px 50px; position: relative;}
.prodetail>.xgeffect>.detailtop>strong:before{ content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; border: 1px solid #fff;}
.prodetail>.xgeffect>.detailtop>strong.active{ color: #feede0;}
.prodetail>.xgeffect>.detailtop>strong.active:before{ border-color: #feede0;}
.prodetail>.xgeffect>.detailtop:before{ content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1px; border-bottom: 2px solid #e2e2e2; z-index: -1;}
.prodetail>.xgeffect>.detailtop>span{ float: right; background: #fff; display: inline-block; padding-left: 15px; cursor: pointer;}
.prodetail>.xgeffect>.detalist{ float:left; width:100%; padding-top:20px;}

@media (min-width:1px) and  (max-width:767px){
.prodetail>.lrt,.prodetail>.rlt{ width: 100%; box-sizing: border-box;}
}


/*新闻列表*/
.news>.nleft_nav{ width: 200px; float: left; height: auto; padding: 20px 0}
.news>.nleft_nav .lbt{ overflow: hidden;}
.news>.nleft_nav .lbt>h3{color:#4ea397;font-size:28px;line-height:30px;padding-bottom:15px;border-bottom:1px solid #4ea397;margin-bottom:15px; }
.news>.nleft_nav .lbt>ul>li{width:100%;float:left;height:auto;font-size:14px;line-height:30px;position:relative;}
.news>.nleft_nav .lbt>ul>li:after{content:"";position:absolute;left:0px;top:12px;bottom:0;z-index:10;width:0;height:0;border-width:5px 5px;border-style:solid;border-color:transparent transparent transparent #006487;opacity:0;}
.news>.nleft_nav .lbt>ul>li>a{display:block;padding-left:15px;color:#333;}
.news>.nleft_nav .lbt>ul>li:hover:after{opacity:1;}
.news>.nleft_nav .lbt>ul>li.active:after{opacity:1;}
.news>.nleft_nav .lbt>ul>li>ul{padding-left:25px; display: block!important;}
.news>.nleft_nav .hotcases{ overflow: hidden; margin-top: 30px;}
.news>.nleft_nav .hotcases li{ overflow: hidden; margin-bottom: 10px; border: 1px solid #d5d5d5; padding: 5px; box-sizing: border-box;}
.news>.nleft_nav .hotcases li h3{ font-size: 14px; margin: 5px 0;}
.news>.nleft_nav .hotcases li p{ font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news>.nleft_nav .hotcases li time{ display: block; margin-top: 5px;}
.news>.right_nav{ width: calc(100% - 260px); float: right; height: auto;}

@media (min-width:1px) and  (max-width:991px){
    .news > .nleft_nav .hotcases {
        display: none !important;
    }
    .news > .nleft_nav hidden-xs{ display:none!important;}
}

.newslist{ overflow: hidden;}
.newslist>.ipto{ overflow: hidden; background: #f7f7f7; padding: 20px;}
.newslist>.ipto .ipti{ width: 30%; float: left; height: auto;}
.newslist>.ipto .ipti img{ width: 100%;}
.newslist>.ipto .iptz{ width: calc(70% - 30px); float: right; overflow: hidden;}
.newslist>.ipto .iptz>h3>a{ font-size: 24px; color: #333; display: block;}
.newslist>.ipto .iptz>time{ font-size: 16px; display: block; margin: 10px auto;}
.newslist>.ipto .iptz>p{ font-size: 16px; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.newslist>.ipto .iptz>a.more{ font-size: 16px;line-height: 32px; color: #333; display: inline-block; margin-top: 20px; padding: 5px 10px; border-bottom: 2px solid #4db4cb}
.newslist>.ipto .iptz>a.more>i.iconfont{ padding-left: 5px;}
.newslist>.ipto:nth-child(2n){ background: #fff;}

@media (min-width:1px) and  (max-width:767px){
.news>.nleft_nav{ width: 100%; margin-top: 30px;}
.news>.nleft_nav .lbt>ul{ display: none;}
.news>.right_nav{ width: 100%;}

.newslist>.ipto .ipti{ width: 100%;}
.newslist>.ipto .iptz{ width: 100%; margin-top: 20px;}
}


/*新闻详情*/
.newsdetail{ overflow: hidden; margin-top: 20px;}
.newsdetail>h1{ font-size: 24px; font-weight: bold; color: #322725; line-height: 30px; text-align: center;}
.newsdetail>p{ text-align: center; border-bottom: #666 1px dashed; padding-bottom: 5px; margin-top: 20px; color: #999; font-size: 12px;}
.newsdetail>.lead{ overflow: hidden; margin-top: 20px;}
.newsdetail>.page{ overflow: hidden; margin-top: 20px;}

/*关键词*/
.taglist{ overflow: hidden; padding:20px 0;border-top:1px solid #ececec;margin-top:20px; color: #999;}
.taglist>a{padding:5px 15px;display:inline-block;border:1px solid #ececec;border-radius:15px;margin-right:10px;}


/*案列列表*/
.casescategory{ overflow: hidden; padding: 50px 0;}
.casescategory>ul>li{ display: inline-block; border: 1px solid #dadada; margin-right: 10px; border-radius: 5px; margin-bottom: 10px;}
.casescategory>ul>li>a{ display: block; font-size: 16px; color: #333; padding: 8px 30px;}
.casescategory>ul>li:hover,.casescategory>ul>li.active{ background: #4db4cb; }
.casescategory>ul>li:hover>a,.casescategory>ul>li.active>a{ color: #fff;}

.caseslist{ overflow: hidden;}
.caseslist>.ipto{ width: calc(25% - 15px); float: left; margin-right: 20px; overflow: hidden; background: #f7f7f7; margin-bottom: 30px;}
.caseslist>.ipto .ipti{ overflow: hidden; position: relative;}
.caseslist>.ipto .ipti img{ width: 100%;}

.caseslist>.ipto .ipti .txt{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform:scale(0); padding: 15px; text-align: center; box-sizing: border-box;  z-index: 2; transition: all 0.35s; background: rgba(127,211,229,0.7);}
.caseslist>.ipto .ipti .txt>h3{ font-size: 18px; color: #fff; display: block; margin-bottom: 10px;}
.caseslist>.ipto .ipti .txt>p{ font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color:#fff;}
.caseslist>.ipto .iptz{ overflow: hidden; padding: 10px;}
.caseslist>.ipto .iptz>h3{ font-size: 18px; color: #333; display: block; margin-bottom: 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.caseslist>.ipto .iptz>.more{ font-size: 12px;line-height: 24px; color: #333; display: inline-block; margin-top: 10px; padding: 5px 10px; border-bottom: 2px solid #4db4cb}
.caseslist>.ipto .iptz>.more>i.iconfont{ padding-left: 5px;}


@media (min-width:1000px){
.caseslist>.ipto:nth-child(4n){ margin-right: 0}
.caseslist>.ipto:nth-child(4n+1){ clear: both;}
.caseslist>.ipto:hover .ipti .txt{ transform: scale(1)}
}
@media (min-width:1px) and  (max-width:999px){
.casescategory{ padding: 25px 0;}
.casescategory>ul>li>a{ padding: 8px 15px; font-size: 14px;}
.caseslist>.ipto{  width: calc(50% - 10px); }
.caseslist>.ipto .ipti{}
.caseslist>.ipto .iptz{ padding: 5px;}
.caseslist>.ipto .iptz>h3>a{ font-size: 13px;}
.caseslist>.ipto .iptz>p{ display: none;}
.caseslist>.ipto:nth-child(2n){ margin-right: 0}
.caseslist>.ipto:nth-child(2n+1){ clear: both;}
}

/*服务中心*/
.service{  padding: 60px 0;}
.service>h1{ font-size: 36px; font-weight: bold; color: #4db4cb; position: relative; padding-bottom: 30px;}
.service>h1:after{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 260px; border-bottom: 2px solid #4db4cb}


.service .item{ overflow: hidden; margin-top: 60px;}
.service .item>h2{ font-size: 22px; border-left: 7px solid #4db4cb; padding-left: 15px; color: #4db4cb; margin-bottom: 40px;}
.service .item .text{ font-size: 16px; line-height: 32px; color: #333;}
.service .item .img{ overflow: hidden; margin-top: 30px; display: flex;}
.service .item .img>dl{ width: 100%; float: left; position: relative; margin-right: 30px;}
.service .item .img>dl:last-child{ margin-right: 0px;}
.service .item .img>dl>img{ width: 100%}
.service .item .img>dl>p{ position: absolute; left: 0px; bottom: 0px; right: 0px; padding: 20px; font-size: 16px; line-height: 30px; color: #fff;}
.service .item .img>dl>span{ position: absolute; left: 0px; bottom: 0px; right: 0px; text-align: center; padding:6px 10px; font-size: 16px; line-height: 30px; color: #fff; background: #4db4cb;}
.service .item ul>li{ background: #4db4cb; display: inline-block; padding: 10px 50px; color: #fff; margin:15px 15px 15px 0; font-size: 16px;}

.service .item:last-child{ margin-bottom: 60px;}

@media (min-width:1px) and  (max-width:999px){
.service{  padding: 30px 0;}
.service>h1{ font-size: 26px;}
.service .item{ margin-top: 30px;}
.service .item .img{ display: block;}
.service .item .img>dl{ margin-bottom: 20px;}
.service .item ul>li{ padding: 10px 10px;}
.service .item:last-child{ margin-bottom: 30px;}
}

#caseListUL{ width: 100%; float: left; height: auto;}

.myScrollspy{ width:180px; float:right; height:auto; position: sticky; top:100px; right:0px; z-index:8; background:#fff; margin-right:-200px;}
.myScrollspy ul{padding: 10px 0;border-left: 1px solid #dcdcdc;background: #fff;}
.myScrollspy ul li{position: relative;margin-bottom: 20px; text-align: right}
.myScrollspy ul li:last-child{margin-bottom: 0px;}
.myScrollspy ul li a{display: inline-block;position: relative;width: 128px; font-size: 14px;color: #a4a4a4; text-align: center;line-height: 24px; border:1px solid #bfbfbf; padding: 5px;}
.myScrollspy ul li a:after{display: none;position: absolute;content: '';bottom: 0;top: 0;left: -12px;margin: auto;width: 0;height: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 12px solid #94b200;}
.myScrollspy ul li em{position: absolute;display: block;position: absolute;top: 0;left: -13px;bottom: 0;margin: auto;width: 14px;height: 14px;border-radius: 14px;border: 6px solid transparent;}
.myScrollspy ul li em:after{display: block;content: '';width: 14px;height: 14px;border-radius: 14px;background: #cecece}
.myScrollspy ul li.on a{background: #94b200;border:1px solid #94b200;color: #fff;}
.myScrollspy ul li.on a:after{display: block;}
.myScrollspy ul li.on em{border: 6px solid rgba(147,178,0,0.24);}
.myScrollspy ul li.on em:after{background: #94b200}
@media (min-width:1px) and  (max-width:999px){
.myScrollspy{ display: none;}
}

#allmap{ height: 400px;}

/*视频中心*/
.videolist{ overflow: hidden; margin-bottom: 30px;}
.videolist>.ipto{ width: calc(25% - 12px); float: left; margin-right: 15px; margin-top: 30px;}
.videolist>.ipto .ipti{ overflow: hidden; border: #e6e7e7 1px solid;}
.videolist>.ipto .ipti>img{ width: 100%; height: auto; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.videolist>.ipto .iptz{ overflow: hidden; padding-top: 10px; text-align: center;  color: #333; font-size: 16px;}

@media (min-width:768px) {
.videolist>.ipto:hover .ipti>img{ -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.videolist>.ipto:nth-child(4n){ margin-right: 0px;}
.videolist>.ipto:nth-child(4n+1){ clear: both}
}

@media (min-width:1px) and  (max-width:767px){
.videolist>.ipto{ width: calc(50% - 5px); margin-right: 10px;}
.videolist>.ipto:nth-child(2n){ margin-right: 0px;}
.videolist>.ipto:nth-child(2n+1){ clear: both}
}

/*region 订单*/
.onlineInquiry{ overflow: hidden; margin-top: 20px;}
.onlineInquiry>.input{ overflow: hidden; margin-bottom: 10px;}
.onlineInquiry>.input>label{ width: 60px; float: left; font-size: 14px; color: #333; padding-right: 10px;}
.onlineInquiry>.input>input{ border: 1px solid #a9a9a9; float: left; padding: 5px 10px; border-radius: 3px; font-size: 14px; color: #333;}
.onlineInquiry>.input.one>input{ width: 70%;}
.onlineInquiry>.input.two>input{ width: 60%;}
.onlineInquiry>.input>textarea{ border: 1px solid #a9a9a9; float: left; padding: 5px 10px; border-radius: 5px; width: calc(100% - 92px); font-size: 14px; color: #333; outline: none; height: 90px;}
.onlineInquiry>.input>button{ margin-left: 70px; padding: 5px 70px; color: #fff; font-size: 16px; border: 0; background: none; position: relative; border-radius: 3px; overflow: hidden; cursor: pointer;}
.onlineInquiry>.input>button:before{ content: ""; position: absolute; left: 0px; width: 100%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #4db4cb;  z-index: -2;}
.onlineInquiry>.input>button:after{ content: ""; position: absolute; left: 0px; width: 0%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #feede0;  z-index: -1;}
.onlineInquiry>.input>button:hover:after{ width: 100%;}

/*endregion*/

/*region 留言*/
.leave{ overflow: hidden; padding: 30px 0 60px 0; border-top: 3px solid #f0f0ee; margin-top: 30px;}
.leave>h2{ font-size: 18px; color: #333; margin-bottom: 30px;}

.leave>.input{ overflow: hidden; background: #f0f0ee; width: calc(100% - 12px); float: left; margin-bottom: 20px; border: 1px solid #a9a9a9; padding: 5px; display:flex;}
.leave>.input>label{ width: 110px; font-size: 14px; color: #666; padding-right: 10px; vertical-align: top;}
.leave>.input>input{ width: 100%; border-radius: 5px; font-size: 14px; color: #666; background: none;}

.leave>.input.two{ width: calc(33% - 18px); float: left; margin-right: 15px;}
.leave>.input.end{ margin-right: 0px}

.leave>.input>textarea{ width: 100%; background: #f0f0ee; border-radius: 5px; font-size: 14px; color: #cbcbcb; outline: none; height: 90px; border: 0; resize: none;}
.leave>.button{ overflow: hidden; clear: both; text-align: center; padding-top: 20px;}
.leave>.button>button{ padding: 10px 0px; width: 100%; color: #fff; font-size: 16px; border: 0; position: relative; background: none; border-radius: 5px; overflow: hidden; cursor: pointer; outline: none;}
.leave>.button>button:before{ content: ""; position: absolute; left: 0px; width: 100%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #4db4cb;  z-index: -2;}
.leave>.button>button:after{ content: ""; position: absolute; left: 0px; width: 0%; top: 0px; bottom: 0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #f0f0ee;  z-index: -1;}
.leave>.button>button:hover:after{ width: 100%;}
.leave>.button>button:hover{ color: #333;}
@media (min-width:1px) and (max-width:991px) {
.leave{ padding: 30px 0;}
.leave>h2{ font-size: 18px; margin-bottom: 15px;}
.leave>p{ font-size: 14px; margin-bottom: 10px; padding-bottom: 20px;}
.leave>p>span{ padding-bottom: 20px;}
.leave>.input.two{ width: calc(100% - 24px); float: left; margin-right: 15px;}
.leave>.button{ padding: 7px 50px; width: auto; padding: 0; background: #253c78;}
}
/*endregion*/

/*联系我们*/
.lxfs{ margin-top: 60px; overflow: hidden;}
.lxfs>h1{ font-size: 22px; line-height: 33px; color: #333; margin-bottom: 30px;}
.lxfs>.item{ display: inline-block; float: left; height: auto; font-size: 18px; line-height: 34px; padding-right: 70px; color: #333;}
.lxfs>.item:last-child{ float: right;}
.lxfs>.item:last-child>p{ border-left: 3px solid #4db4cb; padding-left: 5px; line-height: 24px;}

.salesman{ padding-bottom: 60px;}
.salesman>div>h2{ background: #4db4cb; color: #fff; padding: 5px 10px;}
.salesman>div>.cont{ margin-top: 30px;}
.salesman>div>.cont>.ipto{ width: calc(25% - 15px); float: left; height: auto; margin-right: 20px; box-shadow: 0 0 20px 1px #d5d5d5;}
.salesman>div>.cont>.ipto .ipti{ overflow: hidden;}
.salesman>div>.cont>.ipto .ipti>img{ width: 100%;}
.salesman>div>.cont>.ipto .iptz{ overflow: hidden; padding: 15px; text-align: center;}
.salesman>div>.cont>.ipto .iptz>h3{ font-size: 18px; font-weight: bold; padding-bottom: 10px; text-align: left;}
.salesman>div>.cont>.ipto .iptz>p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px; text-align: left;}
.salesman>div>.cont>.ipto .iptz>span{ border: 1px solid #333; display: block; font-size: 14px; padding: 10px 0;}

.salesmancont{ overflow: hidden; padding: 60px 0;}
.salesmancont>.left{ width: 30%; float: left; height: auto;}
.salesmancont>.left>img{ width: 100%;}
.salesmancont>.right{ width: calc(70% - 30px); float: right; height: auto;}
.salesmancont>.right>h1{ font-size: 36px; padding-bottom: 30px;}
.salesmancont>.right>.txt{ overflow: hidden; line-height: 2em;}

@media (min-width:1000px)  {
.salesman>div>.cont>.ipto:nth-child(4n){ margin-right: 0px;}
.salesman>div>.cont>.ipto:nth-child(4n+1){ clear: both}
.salesman>div>.cont>.ipto:hover .iptz>span{ background: #4db4cb; color: #fff; border-color: #fff;}
}

@media (min-width:1px) and (max-width:999px) {
.lxfs{ margin-top: 30px;}
.lxfs>.item{ margin-bottom: 30px; display: block; float: none;}
.lxfs>.item:last-child{ float: none;}

.salesman{ padding-bottom: 30px;}
.salesmancont{ padding: 30px 0;}
}

@media (min-width:1px) and (max-width:767px) {
.salesman>div>.cont>.ipto{ width: calc(50% - 10px); }
.salesman>div>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.salesman>div>.cont>.ipto:nth-child(2n+1){ clear: both}
.salesmancont>.left{ margin-bottom: 15px;}
.salesmancont>.left,.salesmancont>.right{ width: 100%}{ width: 100%;}
}

/*region 其他*/
.thk_nav{ padding: 60px 0; text-align: center; font-size: 16px; line-height: 2em;}
.thk_nav>h1{ font-size: 20px; font-weight: bold; color: #333;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #d00000;color:#ffffff;background-color:#d00000;}
.btnthank:hover{background-color: #ffffff;color: #d00000;}
@media (min-width:1px) and (max-width:999px) {
.thk_nav{ padding: 30px 0;}
}
/*endregion*/


/*智慧运动馆*/
.wisdom{ padding: 60px 0 ; overflow: hidden; }
.wisdom>div>h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center;}
.wisdom>div>p{ font-size: 16px; line-height: 32px; color: #333; position: relative; padding: 30px 0; text-align: center;}
.wisdom>div>p:after{ content: ""; position: absolute; left: 48%; right: 48%; bottom: 0; border-bottom: 5px solid #4db4cb}
@media (min-width:1px) and (max-width:999px) {
.wisdom{ padding: 30px 0 ; overflow: hidden; }
.wisdom>div>h2{ font-size: 26px;}
.wisdom>div>p{ font-size: 14px; padding: 15px 0;}
}
.wisdom1{ background: #f5f5f5;}
.wisdom1>div>p>span{ margin: auto 10px;}
.wisdom1>div>p>span>i{ font-size: 14px; color: #4db4cb; padding-right: 5px;}

.wisdom1>div>.punch{ overflow: hidden; margin-top: 40px;}
.wisdom1>div>.punch>.left{ width: 30%; float: left;}
.wisdom1>div>.punch>.left>ul>li{ border: 1px solid #dadada;padding: 10px 5px; margin-bottom: 10px; text-align: center; font-size: 16px; border-radius: 3px; color: #333; cursor: pointer; position: relative;}
.wisdom1>div>.punch>.left>ul>li:after{content: ''; position: absolute; bottom: 0;top: 0;right: -20px;margin: auto;width: 0;height: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 12px solid #4db4cb; opacity: 0}
.wisdom1>div>.punch>.left>ul>li.active{background: #4db4cb; border-color: #4db4cb; color: #fff;}
.wisdom1>div>.punch>.left>ul>li.active:after{ opacity: 1;}

.wisdom1>div>.punch>.right{ width: calc(70% - 60px); float: right;}
.wisdom1>div>.punch>.right>.item{ overflow: hidden; display: none;}
.wisdom1>div>.punch>.right>.item>p{ font-size: 16px; line-height: 30px;}
.wisdom1>div>.punch>.right>.item>.img{ overflow: hidden; margin-top: 30px; display: flex;}

@media (min-width:1px) and (max-width:999px) {
.wisdom1>div>.punch>.left{ width: calc(100% - 20px);}
.wisdom1>div>.punch>.right{ width: 100%; margin-top: 30px;}
}

.wisdom>div>.project{ overflow: hidden; margin-top: 40px; text-align: center;}
.wisdom>div>.project>ul>li{ display: inline-block; border: 1px solid #dadada; padding: 10px 30px; margin-bottom: 10px; text-align: center; font-size: 16px; border-radius: 3px; color: #333; cursor: pointer; position: relative;}
.wisdom>div>.project>ul>li.active{background: #4db4cb; border-color: #4db4cb; color: #fff;}

.wisdom>div>.project>.item{ overflow: hidden; display: none; margin-top: 40px;}
.wisdom>div>.project>.item>.img{ width: calc(12.5%  - 20px); float: left; height: auto; font-size: 16px; line-height: 30px; padding: 0 10px;}
.wisdom>div>.project>.item>.img>img{ display: block; padding-bottom: 15px;}

@media (min-width:1px) and (max-width:999px) {
.wisdom>div>.project>.item>.img{ width: calc(25% - 20px); font-size: 12px; line-height: 20px; margin-bottom: 10px;}
.wisdom>div>.project>.item>.img:nth-child(4n+1){ clear: both}
}

.wisdom>div>.solve{ overflow: hidden; display: flex; margin-top: 40px;}
.wisdom>div>.solve>.item{overflow: hidden; position: relative;}
.wisdom>div>.solve>.item>img{ width: 100%}
.wisdom>div>.solve>.item>.txt{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 20px; background: rgba(77,180,203,0.6); color: #fff;}
.wisdom>div>.solve>.item>.txt>h3{ font-weight: bold; font-size: 20px;}
.wisdom>div>.solve>.item>.txt>p{ line-height: 30px; font-size: 16px;}

@media (min-width:1px) and (max-width:999px) {
.wisdom>div>.solve{ display: block;}
.wisdom>div>.solve>.item{ margin-bottom: 20px;}
}

.wisdom>div>.why{ display: flex; margin-top: 140px;}
.wisdom>div>.why>.item{ overflow: hidden; text-align: center;}
.wisdom>div>.why>.item>h3{ font-size: 20px; font-weight: bold;}
.wisdom>div>.why>.item>p{ font-size: 16px; margin-top: 20px;}
.wisdom>div>.why>.item:nth-child(2){ margin-top: -100px;}

@media (min-width:1px) and (max-width:999px) {
.wisdom>div>.why{ display: block; margin-top: 30px;}
.wisdom>div>.why>.item{ margin-bottom: 20px;}
.wisdom>div>.why>.item:nth-child(2){ margin-top:0;}
}

.wisdom>div>.swiper-cases{overflow: hidden; position: relative; margin-top: 40px;}
.wisdom>div>.swiper-cases .swiper-pagination{ position: absolute;right: 15px;bottom: 15px;z-index: 11; width: auto; left: inherit;}
.wisdom>div>.swiper-cases .swiper-pagination>span.swiper-pagination-bullet{ background: #d4d4d4; border-radius: 0; opacity: 1;}
.wisdom>div>.swiper-cases .swiper-pagination>span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #a33316;}

.wisdom2{ padding-top: 0px;}


/*专题页*/
.academy{ overflow: hidden; padding: 60px 0;}
.academy h2{ font-size: 36px; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
.academy h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 86px; height: 5px; background: #4db4cb;}
.academy .list{ overflow: hidden; margin-top: 60px;}
.academy .list .img{ overflow: hidden;}
.academy .list .img img{ width: 100%}
.academy .list .txt{ overflow: hidden;}
.academy .list .txt h3{ font-size: 32px; font-weight: bold; margin-bottom: 40px;}
.academy .list .txt p{ font-size: 16px; line-height: 2;}
.academy h4{ font-size: 32px; font-weight: bold; margin-top: 60px;}
.academy .list .item{ overflow: hidden;}
@media (min-width:1000px) {
.academy .list{ display: flex;}
.academy .list .img{ flex: 1;}
.academy .list .txt{ flex: 1.5; margin-left: 40px;}
.academy .list .item{ flex: 1;}
}
@media (min-width:1px) and (max-width:999px){
.academy{ padding: 30px 0;}
.academy h2{ font-size: 26px; margin-bottom: 15px}
.academy .list{ margin-top: 30px;}
.academy .list .txt{ margin-top: 30px;}
.academy .list .txt h3{ font-size: 22px; margin-bottom: 20px;}
.academy .list .txt p{ font-size: 12px;}
.academy h4{ font-size: 22px; margin-top: 30px;}
.academy .list .item img{ width: 100%}
}

.academy1{ overflow: hidden; padding-bottom: 60px;}
.academy1 h2{ font-size: 36px; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
.academy1 h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 86px; height: 5px; background: #4db4cb;}
.academy1 .list{ overflow: hidden; margin-top: 60px;}
.academy1 .list .item{ overflow: hidden; background: url("../images/3_05.jpg") no-repeat center center / 100% 100%; color: #fff; font-size: 18px; line-height: 2; padding: 20px 30px 20px 50px; box-sizing: border-box; cursor: pointer;}
.academy1 .list .item.active{ background: url("../images/3_04.jpg") no-repeat center center / 100% 100%;}
@media (min-width:1000px) {
.academy1 .list{ display: flex; justify-content:center;}
.academy1 .list .item{ width: 317px; margin: 0;}
}
@media (min-width:1px) and (max-width:999px){
.academy1{ padding-bottom: 20px}
.academy1 h2{ font-size: 26px; padding-bottom: 15px;}
.academy1 .list{ margin-top: 30px; display: flex; flex-wrap: wrap;}
.academy1 .list .item{ background: #D9D9D9; padding: 15px; font-size: 14px; width: 50%; border-right: 1px solid #fff; box-sizing: border-box; border-bottom: 1px solid #fff;}
.academy1 .list .item.active{ background: #4EB4CB;}
}

.academy2{ overflow: hidden; padding: 60px 0; background: url("../images/3_06.jpg") no-repeat center center / cover;}
.academy2 h2{ font-size: 26px; line-height: 2; font-weight: bold; color: #fff; padding-bottom: 30px; border-bottom: 5px solid #fff;}
.academy2 .list{ overflow: hidden; margin-top: 60px;}
.academy2 .list .item{ overflow: hidden; color: #fff;}
.academy2 .list .item h3{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.academy2 .list .item h3 span{ font-size: 24px; font-weight: normal;}
.academy2 .list .item ul{ overflow: hidden;}
.academy2 .list .item ul li{ font-size: 18px; display: inline-block; background: rgba(77,180,203,0.5); padding: 20px 40px; margin-right: 20px; margin-bottom: 20px;}
.academy2 .list .item ul li:nth-child(3n+1){ clear: both;}
@media (min-width:1000px) {
.academy2 .list{ display: flex;}
.academy2 .list .item{ flex: 1;}
}
@media (min-width:1px) and (max-width:999px){
.academy2{ padding: 20px 0}
.academy2 h2{ font-size: 18px; line-height: 1.6; padding-bottom: 15px;}
.academy2 .list{ margin-top: 20px;}
.academy2 .list .item h3{ font-size: 20px; margin-bottom: 15px;}
.academy2 .list .item h3 span{ font-size: 14px;}
.academy2 .list .item ul li{ font-size: 14px; padding: 10px 15px; margin-right: 10px;}
}

.academy3{ overflow: hidden; padding: 60px 0; background: #f5f5f5;}
.academy3 h2{ font-size: 26px; line-height: 2; font-weight: bold; padding-bottom: 30px; border-bottom: 5px solid #4db4cb;}
.academy3 p{ font-size: 16px; line-height: 2; margin-top: 20px;}
.academy3 .list{ margin-top: 35px; overflow: hidden;}
.academy3 .list li{ font-size: 18px; display: inline-block; color: #fff; background: #a1d4e0; padding: 15px 55px; border-radius: 10px; cursor: pointer; margin-right: 15px;}
.academy3 .list li:hover,.academy3 .list li.active{ background: #4db4cb;}
.academy3 .list .txt{ width: 100%; overflow: hidden; margin-top: 30px;}
.academy3 .list .txt p{ overflow: hidden; font-size: 18px; line-height: 2;}
.academy3 .list .txt p img{ display: block; margin: 0;}

@media (min-width:1000px) {
.academy3 .list .txt p{ width: 50%; float: left;}
}
@media (min-width:1px) and (max-width:999px){
.academy3{ padding: 20px 0}
.academy3 h2{ font-size: 18px; line-height: 1.6; padding-bottom: 15px;}
.academy3 p{ font-size: 12px; margin-top: 10px;}
.academy3 .list li{ font-size: 14px; padding: 7px 20px;}
.academy3 .list .txt{ margin-top: 15px;}
.academy3 .list .txt p img{ width: 100%;}
}

.academy4{ overflow: hidden; padding: 150px 0; background: url("../images/3_09.jpg") no-repeat center center / cover;}
.academy4 h2{ font-size: 26px; line-height: 2; font-weight: bold; color: #fff;}
.academy4 .hisList2{ margin-top: 70px;}
.academy4 .hisList2 .swiper-slide{ overflow: hidden; color: #fff; font-size: 18px; vertical-align: middle; line-height: 44px;}
.academy4 .hisList2 .swiper-slide img{ display: inline-block;}
.academy4 .hisList2 .swiper-slide h3{ display: inline-block; margin-left: 15px;}
.academy4 .hisList2 .swiper-slide-thumb-active{ color: #00eae8;}
.academy4 .hisList1{ margin-top: 60px; padding-bottom: 40px;}
.academy4 .hisList1 .item{ overflow: hidden; display: flex; background: rgba(77,180, 203,0.5); color: #fff; padding: 15px; box-sizing: border-box;}
.academy4 .hisList1 .item img{ display: inline-block; margin-left: 0;}
.academy4 .hisList1 .item .txt{ flex: 1; font-size: 18px; line-height: 2; margin-left: 30px; position: relative;}
.academy4 .hisList1 .swiper-pagination-bullet{ background: rgba(255,255,255,0.39);}
.academy4 .hisList1 .swiper-pagination-bullet-active{ background: #4db4cb;}

@media (min-width:1000px) {
.academy4 .hisList1 .item .txt p{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
}
@media (min-width:1px) and (max-width:999px){
.academy4{ padding: 30px 0}
.academy4 h2{ font-size: 18px; line-height: 1.6;}
.academy4 .hisList2{ margin-top: 30px;}
.academy4 .hisList2 .swiper-slide{ font-size: 14px;}
.academy4 .hisList1{ margin-top: 20px; padding-bottom: 10px;}
.academy4 .hisList1 .item{ display: block;}
.academy4 .hisList1 .item img{}
.academy4 .hisList1 .item .txt{ font-size: 14px; line-height: 1.6; margin: 0; margin-top: 10px;}
}

.academy5{ overflow: hidden; padding: 60px 0; background: #f5f5f5;}
.academy5 h2{ font-size: 26px; line-height: 2; font-weight: bold; padding-bottom: 30px; border-bottom: 5px solid #4db4cb;}
.academy5 p{ font-size: 16px; line-height: 2; margin-top: 20px;}
.academy5 .list{ margin-top: 60px; overflow: hidden; display: flex;}
.academy5 .list .ipto{ overflow: hidden; flex: 1; margin-right: 20px;}
.academy5 .list .ipto .ipti{ overflow: hidden;}
.academy5 .list .ipto .ipti img{ width: 100%}
.academy5 .list .ipto .iptz{ font-size: 18px; overflow: hidden; text-align: center; margin-top: 15px;}
.academy5 .list .ipto:last-child{ margin-right: 0;}
@media (min-width:1000px) {
.academy5 .list .ipto{ margin-right: 100px;}
}
@media (min-width:1px) and (max-width:999px){
.academy5{ padding: 20px 0}
.academy5 h2{ font-size: 18px; line-height: 1.6; padding-bottom: 15px;}
.academy5 .list{ margin-top: 20px;}
.academy5 .list .ipto{ margin-right: 10px;}
.academy5 .list .ipto .iptz{ font-size: 14px;}
}

.academy6{ overflow: hidden; padding: 60px 0;}
.academy6 h2{ font-size: 36px; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
.academy6 h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 86px; height: 5px; background: #4db4cb;}
.academy6>.container>p{ font-size: 16px; text-align: center; margin-top: 30px;}
.academy6 .list{ overflow: hidden; margin-top: 45px;}
.academy6 .list .txt{ overflow: hidden;}
.academy6 .list .txt .item{ overflow: hidden; display: flex; margin-bottom: 50px;}
.academy6 .list .txt .item img{ width: 64px; display: inline-block; margin: 0; height: 74px;}
.academy6 .list .txt .item .cont{ flex: 1; margin-left: 30px;}
.academy6 .list .txt .item .cont h3{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.academy6 .list .txt .item .cont p{ font-size: 16px; line-height: 2;}
.academy6 .list .img{ overflow: hidden; text-align: right;}
@media (min-width:1000px) {
.academy6 .list{ display: flex;}
.academy6 .list .txt{ flex: 1; margin-right: 30px;}
.academy6 .list .img{ flex: 1; margin-left: 30px;}
}
@media (min-width:1px) and (max-width:999px){
.academy6{ padding: 20px 0}
.academy6 h2{ font-size: 26px; padding-bottom: 15px;}
.academy6>.container>p{ font-size: 12px; margin-top: 15px;}
.academy6 .list .txt .item{ margin-bottom: 20px;}
.academy6 .list .txt .item .cont h3{ font-size: 14px; margin-bottom: 10px;}
.academy6 .list .txt .item .cont p{ font-size: 12px;}
}

.academy7{ overflow: hidden; padding: 60px 0; background: #f5f5f5;}
.academy7 h2{ font-size: 36px; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
.academy7 h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 86px; height: 5px; background: #4db4cb;}
.academy7 .list{ overflow: hidden; margin-top: 45px; display: flex; flex-wrap: wrap;}
.academy7 .list .ipto{ width: calc(16.6666% - 10px); margin: 0; margin-right: 12px; margin-bottom: 25px;}
.academy7 .list .ipto .ipti{ overflow: hidden; box-sizing: border-box; border: 1px solid #c4c4c4;}
.academy7 .list .ipto .ipti img{ width: 100%;}
.academy7 .list .ipto .iptz{ overflow: hidden; text-align: center; margin-top: 20px; font-size: 18px;white-space: nowrap;text-overflow: ellipsis;}

@media (min-width:1000px) {
.academy7 .list .ipto:nth-child(6n){ margin-right: 0px;}
.academy7 .list .ipto:nth-child(6n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:999px){
.academy7{ padding: 20px 0}
.academy7 h2{ font-size: 26px; padding-bottom: 15px;}
.academy7 .list{ margin-top: 20px;}
.academy7 .list .ipto .iptz{ margin-top: 10px; font-size: 12px;}
}
@media (min-width:768px) and (max-width:999px){
.academy7 .list .ipto{ width: calc(33.33% - 8px);}
.academy7 .list .ipto:nth-child(3n){ margin-right: 0px;}
.academy7 .list .ipto:nth-child(3n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:767px){
.academy7 .list .ipto{ width: calc(50% - 6px);}
.academy7 .list .ipto:nth-child(2n){ margin-right: 0px;}
.academy7 .list .ipto:nth-child(2n+1){ clear: both;}
}

.academy8{ overflow: hidden; padding: 60px 0;}
.academy8 h2{ font-size: 36px; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
.academy8 h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 86px; height: 5px; background: #4db4cb;}
.academy8>.container>img{ margin-top: 45px;}
.academy8 .list{ overflow: hidden; margin-top: 45px; display: flex; flex-wrap: wrap;}
.academy8 .list .ipto{ width: calc(16.6666% - 10px); margin: 0; margin-right: 12px; margin-bottom: 25px;}
.academy8 .list .ipto .ipti{ overflow: hidden; box-sizing: border-box; border: 1px solid #c4c4c4;}
.academy8 .list .ipto .ipti img{ width: 100%;}
.academy8 .list .ipto .iptz{ overflow: hidden; text-align: center; margin-top: 20px; font-size: 18px;white-space: nowrap;text-overflow: ellipsis;}
@media (min-width:1000px) {
.academy8 .list .ipto:nth-child(6n){ margin-right: 0px;}
.academy8 .list .ipto:nth-child(6n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:999px){
.academy8{ padding: 20px 0}
.academy8 h2{ font-size: 26px; padding-bottom: 15px;}
.academy8>.container>img{ margin-top: 15px;}
.academy8 .list{ margin-top: 15px;}
}

@media (min-width:768px) and (max-width:999px){
.academy8 .list .ipto{ width: calc(33.33% - 8px);}
.academy8 .list .ipto:nth-child(3n){ margin-right: 0px;}
.academy8 .list .ipto:nth-child(3n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:767px){
.academy8 .list .ipto{ width: calc(50% - 6px);}
.academy8 .list .ipto:nth-child(2n){ margin-right: 0px;}
.academy8 .list .ipto:nth-child(2n+1){ clear: both;}
}

.academy9{ overflow: hidden; padding: 60px 0; background: #f5f5f5;}
.academy9 h2{ font-size: 36px; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
.academy9 h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 86px; height: 5px; background: #4db4cb;}
.academy9 .list{ overflow: hidden; margin-top: 45px; }
.academy9 .list ul{ overflow: hidden; text-align: center;}
.academy9 .list li{ font-size: 16px; display: inline-block; color: #333; padding: 10px 35px; cursor: pointer; margin:0 15px; border: 1px solid #333; border-radius: 10px;}
.academy9 .list li.active,.academy9 .list li:hover{ background: #4db4cb; border-color: #4db4cb; color: #fff;}
.academy9 .list .txt{ overflow: hidden; margin-top: 60px; width: 100%;}
.academy9 .list .txt .item{ overflow: hidden; }
.academy9 .list .txt .item .img{ overflow: hidden;}
.academy9 .list .txt .item .img .swiper-slide img{ width: 100%;}
.academy9 .list .txt .item .img .swiper-pagination{ text-align: right;}
.academy9 .list .txt .item .img .swiper-pagination-bullet{ width: 20px; height: 3px; border: 0; border-radius: 0; background: rgba(255,255,255,0.3);}
.academy9 .list .txt .item .img .swiper-pagination-bullet-active{ background: #fff;}
.academy9 .list .txt .item .p{ overflow: hidden; padding: 20px; box-sizing: border-box; background: #4db4cb; color: #fff;}
.academy9 .list .txt .item .p h3{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.academy9 .list .txt .item .p p{ font-size: 16px; line-height: 2;}
.academy9 .list .txt h4{ font-size: 24px; font-weight: bold; margin:40px 0 20px 0; text-align: center;}
.academy9 .list .txt .cont{ overflow: hidden; display: flex; flex-wrap: wrap;}
.academy9 .list .txt .cont .img{ width: calc(33.33% - 7px); margin: 0; margin-right: 10px; margin-bottom: 10px;}
.academy9 .list .txt .cont .img:nth-child(3n){ margin-right: 0}
.academy9 .list .txt .cont .img:nth-child(3n+1){ clear: both;}
@media (min-width:1430px) {
.academy9 .list .txt .item{ display: flex;}
.academy9 .list .txt .item .img{ flex: 3;}
.academy9 .list .txt .item .p{ flex: 1;}
}
@media (min-width:1px) and (max-width:999px){
.academy9{ padding: 20px 0}
.academy9 h2{ font-size: 26px; padding-bottom: 15px}
.academy9 .list{ margin-top: 20px;}
.academy9 .list li{ width: calc(33.33% - 7px); float: left; margin: 0; margin-right: 10px; padding: 5px 10px; box-sizing: border-box; font-size: 12px;}
.academy9 .list li:nth-child(3n){ margin-right: 0;}
.academy9 .list .txt{ margin-top: 20px;}
.academy9 .list .txt .item .p h3{ font-size: 14px; margin-bottom: 10px;}
.academy9 .list .txt .item .p p{ font-size: 12px; line-height: 1.6}
.academy9 .list .txt h4{ font-size: 14px; margin: 15px 0 10px 0;}
}

.academy10{ overflow: hidden; padding: 60px 0; }
.academy10 h2{ font-size: 36px; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
.academy10 h2:before{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 86px; height: 5px; background: #4db4cb;}
.academy10 .list{ overflow: hidden; margin-top: 45px;}
.academy10 .list .ipto{ overflow:hidden; color: #333; text-align: center;}
.academy10 .list .ipto span{ display: inline-block; margin-bottom: 15px;}
.academy10 .list .ipto span i{ font-size: 60px; color: #4db4cb;}
.academy10 .list .ipto h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.academy10 .list .ipto p{ font-size: 18px; line-height: 1.4;}
@media (min-width:768px) {
.academy10 .list{ display: flex;}
.academy10 .list .ipto{width: 240px;margin-left: 0;}
.academy10 .list .ipto:last-child{ margin-right: 0;}
}
@media (min-width:1px) and  (max-width:767px){
.academy10{ padding: 20px 0;}
.academy10 h2{ font-size: 26px; padding-bottom: 15px;}
.academy10 .list{ margin-top: 20px;}
.academy10 .list .ipto{ width: calc(50% - 5px); float: left; margin-right: 10px; margin-bottom: 10px;}
.academy10 .list .ipto h3{ font-size: 14px; }
.academy10 .list .ipto p{ font-size: 12px; }
.academy10 .list .ipto:nth-child(2n){ margin-right: 0;}
}


/*region 图库*/
.gallery{ overflow: hidden;}
.gallery>.ipto{ width: calc(33.33% - 10px); float: left; height: auto; margin-right: 15px; position: relative; overflow: hidden; margin-top: 20px;}
.gallery>.ipto>a>.ipti{}
.gallery>.ipto>a>.ipti>img{ width: 100%; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.gallery>.ipto>a>.iptz{ position: absolute; left: 0px; bottom: 0px; right: 0px; background: rgba(1,83,148,0.8); text-align: center; color: #fff; font-size: 14px; padding: 10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.gallery>.ipto:hover>a>.ipti>img{ -webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}

@media (min-width:1000px)  {
    .gallery>.ipto:nth-child(3n){ margin-right: 0px;}
    .gallery>.ipto:nth-child(3n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:767px) {
.gallery>.ipto{ width: calc(50% - 7.5px);}
.gallery>.ipto:nth-child(2n){ margin-right: 0px; float: right;}
.gallery>.ipto>a>.iptz{ padding: 5px; font-size: 12px;}
}
/*endregion*/


/*region 分页*/
.paging{ overflow: hidden; text-align: center;}
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
@media (min-width:992px){.pagination>li>a,.pagination>li>span{padding:6px 12px!important;}
}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:3px 4px;border:1px solid #ddd;background-color:#fff;color:#008AE2;text-decoration:none;line-height:1.42857143;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;border-color:#ddd;background-color:#eee;color:#23527c;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#008AE2;background-color:#008AE2;color:#fff;cursor:default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.pager{margin:20px 0;padding-left:0;list-style:none;text-align:center;}
.pager li{display:inline;}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;border:1px solid #ddd;border-radius:15px;background-color:#fff;}
.pager li>a:focus,.pager li>a:hover{background-color:#eee;text-decoration:none;}
.pager .next>a,.pager .next>span{float:right;}
.pager .previous>a,.pager .previous>span{float:left;}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{background-color:#fff;color:#777;cursor:not-allowed;}
/*endregion*/


/*悬浮链接*/
.itembox{ position: fixed; z-index: 99; right: 30px; top: 50%; transform: translateY(-50%);}
.itembox>.item{ position: relative; width: 50px; height: 50px; line-height: 50px; background: #fff; text-align: center; cursor: pointer; border: 1px solid #ccc; box-sizing: border-box; margin-bottom: 5px;}
.itembox>.item>i{ color: #7fd3e5; font-size: 30px;}
.itembox>.item>.on{ position: absolute; bottom: 0px; height: 50px; right: 50px; width: 0px; background: #fff; opacity: 0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; overflow: hidden; font-size: 16px; text-align: left; color:#333}
.itembox>.item:hover>.on{ opacity: 1; width: 160px;  padding-left: 10px; box-sizing: border-box; box-shadow: 0 0 5px #d5d5d5;}
.itembox>.item:hover>.on.code{ height: auto;  border: 1px solid #ccc; text-align: center; width: 140px; padding: 0; box-sizing: border-box; box-shadow: 0 0 5px #d5d5d5;}
@media (min-width:1px) and (max-width:767px) {
    .itembox{ right: 15px; }
.itembox>.item{ width: 24px; height: 24px; line-height: 24px; }
.itembox>.item>i{ font-size: 16px;}
}

/*网站地图*/
.sitemaps{ overflow: hidden; padding: 30px 0;}
.sitemaps .column{ overflow: hidden; font-size: 18px;}
.sitemaps .Bigcategory{ overflow: hidden; padding-left: 5%; font-size: 16px; display: flex; flex-wrap: wrap;}
.sitemaps .Bigcategory>li{ width: 100%; margin: 0; font-size: 16px; padding: 10px 0;}
.sitemaps .Bigcategory>li>.list-inline{ padding-left: 5%; display: flex; flex-wrap: wrap;}
.sitemaps .Bigcategory>li>.list-inline li{ width: 48%; margin: 0; font-size: 14px; padding: 10px 1%;}
.sitemaps .Bigcategory .Smallcategory{ padding-left: 10px; margin-top: 10px;}
.sitemaps .Bigcategory .Smallcategory>li>a{ display: block; padding-bottom: 5px; border-bottom: 1px dotted #d5d5d5;}
.sitemaps .list-inline{ padding-left: 10px; display: flex; flex-wrap: wrap;}
.sitemaps .list-inline li{ width: 33.33%; margin: 0; font-size: 16px; padding: 10px ; box-sizing: border-box;}
.sitemaps .columnclear{ overflow: hidden; clear: both; border-bottom: 1px dashed #d5d5d5; margin: 10px 0;}